<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'product.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>仓库工作台</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
    <div class="content">
      <div class="container-left">
        <div class="container-left-header">
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                    <defs>
                      <style>
                        .icon3-cls-1 {
                          fill: #3dd5bb;
                        }

                        .icon3-cls-2 {
                          fill: #adf0ea;
                        }

                        .icon3-cls-3 {
                          font-size: 9.85px;
                          fill: #fff;
                          font-family: YouYuan;
                        }
                      </style>
                    </defs>
                    <path class="icon3-cls-1"
                      d="M40.88,4.36H9.1l-5.6,12V45.64h43V16.18ZM25,39.46,16.58,31.2h5.6V22.93h5.6V31.2h5.59L25,39.46ZM9.1,16.75l3.74-8.26h24.3l3.74,8.26Z" />
                    <path class="icon3-cls-2" d="M16.6,31.2h5.6V22.94h5.6V31.2h5.6L25,39.46,16.6,31.2Z" />
                    <circle class="icon3-cls-2" cx="41.11" cy="41.19" r="8" /><text class="icon3-cls-3"
                      transform="translate(36.18 44.31)">日</text>
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    今日入库
                  </div>
                  <div class="info-text-amount">
                    较昨日
                    <span [ngStyle]="{'color': amountData.todayInWarehouseDayRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="amountData.todayInWarehouseDayRate >= 0">+</span>{{amountData.todayInWarehouseDayRate*100  | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.todayInWarehouseDayRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;"></span>{{amountData.todayInWarehouseAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                    <defs>
                      <style>
                        .icon2-cls-1 {
                          fill: #1296db;
                        }

                        .icon2-cls-2 {
                          fill: #37b7ff;
                        }

                        .icon2-cls-3 {
                          font-size: 9.85px;
                          fill: #fff;
                          font-family: YouYuan;
                        }
                      </style>
                    </defs>
                    <path class="icon2-cls-1"
                      d="M40.88,4.36H9.1l-5.6,12V45.64h43V16.18ZM25,39.46,16.58,31.2h5.6V22.93h5.6V31.2h5.59L25,39.46ZM9.1,16.75l3.74-8.26h24.3l3.74,8.26Z" />
                    <path class="icon2-cls-2" d="M16.6,31.2h5.6V22.94h5.6V31.2h5.6L25,39.46,16.6,31.2Z" />
                    <circle class="icon2-cls-2" cx="41.11" cy="41.19" r="8" /><text class="icon2-cls-3"
                      transform="translate(36.18 44.31)">月</text>
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月入库
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.monthInWarehouseMonthRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="amountData.monthInWarehouseMonthRate >= 0">+</span>{{amountData.monthInWarehouseMonthRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.monthInWarehouseMonthRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;"></span>{{amountData.monthInWarehouseAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                    <defs>
                      <style>
                        .icon5-cls-1 {
                          fill: #f66462;
                        }

                        .icon5-cls-2 {
                          fill: #ffa4a4;
                        }

                        .icon5-cls-3 {
                          font-size: 9.85px;
                          fill: #fff;
                          font-family: YouYuan;
                        }
                      </style>
                    </defs>
                    <path class="icon5-cls-1"
                      d="M9.1,4.36H40.88L46.5,16.19V45.64H3.5V16.32l5.6-12Zm3.74,4.13L9.1,16.75H40.88L37.14,8.49ZM33.46,31.23h-5.6v8.26h-5.6V31.23h-5.6L25.05,23l8.41,8.26Z" />
                    <path class="icon5-cls-2" d="M27.93,31.52h5.86L25,22.88l-8.78,8.64h5.86v8.65h5.86V31.52Z" />
                    <circle class="icon5-cls-2" cx="41.11" cy="41" r="8" /><text class="icon5-cls-3"
                      transform="translate(36.18 44.5)">日</text>
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    今日出库
                  </div>
                  <div class="info-text-amount">
                    较昨日
                    <span [ngStyle]="{'color': amountData.todayOutWarehouseDayRate < 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="amountData.todayOutWarehouseDayRate >= 0">+</span>{{amountData.todayOutWarehouseDayRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.todayOutWarehouseDayRate < 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;"></span>{{amountData.todayOutWarehouseAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                    <defs>
                      <style>
                        .icon6-cls-1 {
                          fill: #fdba54;
                        }

                        .icon6-cls-2 {
                          fill: #ffde8d;
                        }

                        .icon6-cls-3 {
                          font-size: 9.85px;
                          fill: #fff;
                          font-family: YouYuan;
                        }
                      </style>
                    </defs>
                    <path class="icon6-cls-1"
                      d="M9.1,4.36H40.88L46.5,16.19V45.64H3.5V16.32l5.6-12Zm3.74,4.13L9.1,16.75H40.88L37.14,8.49ZM33.46,31.23h-5.6v8.26h-5.6V31.23h-5.6L25.05,23l8.41,8.26Z" />
                    <path class="icon6-cls-2" d="M27.93,31.52h5.86L25,22.88l-8.78,8.64h5.86v8.65h5.86V31.52Z" />
                    <circle class="icon6-cls-2" cx="41.11" cy="41.19" r="8" /><text class="icon6-cls-3"
                      transform="translate(36.18 44.31)">月</text>
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月出库
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.monthOutWarehouseMonthRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="amountData.monthOutWarehouseMonthRate >= 0">+</span>{{amountData.monthOutWarehouseMonthRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.monthOutWarehouseMonthRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;"></span>{{amountData.monthOutWarehouseAmount}}
              </div>
            </div>
          </div>
        </div>
        <div class="container-left-tatal">
          <div class="tatal-left">
            <div class="tatal-left-mindle">
              <span>实时库存</span> <span>{{amountData.totalrealTimeInventory}}</span>
            </div>
          </div>
          <div class="tatal-right">
            <div class="tatal-right-text">
              <span>总入库</span> <span>{{amountData.totalInWarehouseAmount}}</span>
            </div>
          </div>
          <div class="tatal-left">
            <div class="tatal-left-text">
              <span>总出库</span> <span>{{amountData.totalOutWarehouseAmount}}</span>
            </div>
          </div>
        </div>
        <div class="container-left-banner">
          <div class="banner-body">
            <div class="title">
              待办事项 <span style="color: #999;">({{todoList.allWarehouseTasksCount}})</span>
            </div>
            <div class="body">
              <div class="body-item">
                <div class="body-item-img">
                  <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                    <defs>
                      <style>
                        .icon1-cls-1 {
                          fill: #fd9f55;
                        }

                        .icon1-cls-2 {
                          fill: #fecc87;
                        }

                        .icon1-cls-3 {
                          fill: #fff;
                        }
                      </style>
                    </defs>
                    <path class="icon1-cls-1"
                      d="M51.8,62.44H18.2a8.2,8.2,0,0,1-8.2-8.2V15.76a8.2,8.2,0,0,1,8.2-8.2H47.31L60,20.08V54.24A8.2,8.2,0,0,1,51.8,62.44Z" />
                    <path class="icon1-cls-2" d="M47.33,7.56v10a2.75,2.75,0,0,0,2.76,2.76H60v-.25Z" />
                    <path class="icon1-cls-3"
                      d="M33.65,36.9,23.9,32.2a.2.2,0,0,1-.18-.09.25.25,0,0,0-.19-.09.77.77,0,0,0-.72.72V43.58a1.21,1.21,0,0,0,.72,1.26l9.75,5.42c.18.18.18.18.37.18a.78.78,0,0,0,.72-.73V38.16A1.52,1.52,0,0,0,33.65,36.9ZM26.06,38a.65.65,0,0,1-.31-.86.64.64,0,0,1,.86-.31h0l4.48,2.24a.65.65,0,0,1,.31.86.64.64,0,0,1-.86.31h0L26.06,38Zm20.22-8.49L35.63,25a1.15,1.15,0,0,0-1.08,0L23.9,29.49a.41.41,0,0,0-.37.36c0,.36,0,.73.37.73l10.65,4.51a1.15,1.15,0,0,0,1.08,0l10.65-4.51a.41.41,0,0,0,.37-.37c.18-.18,0-.54-.37-.72Z" />
                    <path class="icon1-cls-3"
                      d="M46.28,32.2a.67.67,0,0,1,.91.36v11a1.52,1.52,0,0,1-.72,1.26L36.9,50.26A.67.67,0,0,1,36,49.9c0-.19-.18-.19-.18-.37V38.16a1.35,1.35,0,0,1,.91-1.26l9.56-4.7Z" />
                  </svg>
                </div>
                <div class="body-item-title">
                  初期入库单
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.otherInWarehouseTasksCount}}</a>项需求待处理
                </div>
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41.04">
                    <defs>
                      <style>
                        .icon11-cls-1 {
                          fill: #adf0ea;
                        }

                        .icon11-cls-2 {
                          fill: #3dd5bb;
                        }

                        .icon11-cls-3 {
                          fill: #fff;
                        }
                      </style>
                    </defs>
                    <path class="icon11-cls-1"
                      d="M52.21,37.53c0,2.42.56,3.16,1.12,3.9a3.07,3.07,0,0,1,.74,2A11.83,11.83,0,0,1,52.59,48h6.89A13.26,13.26,0,0,1,58,43.44a3.07,3.07,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-4.14-3.85,4,4,0,0,0-2.56,1.05A5.49,5.49,0,0,0,52.21,37.53ZM64,49.16H47.37a1.48,1.48,0,0,0-1.58,1.28V54a1.47,1.47,0,0,0,1.58,1.3H64A1.46,1.46,0,0,0,65.59,54V50.55a1.43,1.43,0,0,0-1.44-1.4Z"
                      transform="translate(-10.59 -14.26)" />
                    <path class="icon11-cls-2"
                      d="M55.59,31.29l.56-5a3.06,3.06,0,0,0-.1-1.31,6.86,6.86,0,0,0-.65-1.11l-8.59-8.68a3.79,3.79,0,0,0-.93-.65,2.53,2.53,0,0,0-1.21-.28H22.11a5.34,5.34,0,0,0-1.12.18,3.32,3.32,0,0,0-.93.65l-8.47,8.76A2.21,2.21,0,0,0,10.94,25a2.33,2.33,0,0,0-.35,1.31l2.9,26.33a3.23,3.23,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H43.74a2.9,2.9,0,0,1-.28-1.3V50.37a3.82,3.82,0,0,1,3.91-3.63h3.16a10.05,10.05,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3a5.87,5.87,0,0,1,1.71-4.19A6.86,6.86,0,0,1,55.59,31.29ZM38,34.56l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52h-5v2.7c0,.28-.18.37-.46.28l-6.27-3.6c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.42.12.22.22,0,0,1,0,.16v2.7h5q5,6,5.58,5.59T38,34.56ZM13.59,26l8.52-8h22.7l8.47,8Z"
                      transform="translate(-10.59 -14.26)" />
                    <rect class="icon11-cls-2" x="8.63" y="16.19" width="23.22" height="16.11" />
                    <rect class="icon11-cls-3" x="15.8" y="24.85" width="4.86" height="11.46" rx="1.3" />
                    <path class="icon11-cls-3"
                      d="M28.05,32.92l-4,6.21a.91.91,0,0,0,.27,1.26h0a.9.9,0,0,0,.48.14h7.93a.9.9,0,0,0,.91-.89h0a1.11,1.11,0,0,0-.14-.5l-4-6.21a.91.91,0,0,0-1.27-.18A.66.66,0,0,0,28.05,32.92Z"
                      transform="translate(-10.59 -14.26)" />
                  </svg>
                </div>
                <div class="body-item-title">
                  销售发货单
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.saleOutWarehouseTasksrCount}}</a>单待审批
                </div>
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.01 41.06">
                    <defs>
                      <style>
                        .icon-7-cls-1 {
                          fill: #ffde8d;
                        }

                        .icon-7-cls-2 {
                          fill: #fdba54;
                        }

                        .icon-7-cls-3 {
                          fill: #fff;
                        }
                      </style>
                    </defs>
                    <path class="icon-7-cls-1"
                      d="M44.62,28.09c0,2.42.56,3.16,1.12,3.9a3.13,3.13,0,0,1,.74,2A11.84,11.84,0,0,1,45,38.55h6.89A13.08,13.08,0,0,1,50.39,34a3,3,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-4.14-3.85,4,4,0,0,0-2.56,1.05A5.5,5.5,0,0,0,44.62,28.09ZM56.44,39.72H39.78A1.47,1.47,0,0,0,38.2,41v3.55a1.47,1.47,0,0,0,1.58,1.3H56.44A1.47,1.47,0,0,0,58,44.57V41.11a1.43,1.43,0,0,0-1.44-1.4Z"
                      transform="translate(-3.01 -4.82)" />
                    <path class="icon-7-cls-2"
                      d="M48,21.85l.56-5a3.06,3.06,0,0,0-.1-1.31,6.86,6.86,0,0,0-.65-1.11L39.22,5.75a3.61,3.61,0,0,0-.93-.65,2.53,2.53,0,0,0-1.21-.28H14.52A4.69,4.69,0,0,0,13.4,5a3.32,3.32,0,0,0-.93.65L4,14.41a2.21,2.21,0,0,0-.65,1.16A2.31,2.31,0,0,0,3,16.88L5.9,43.21a3.23,3.23,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H36.15a2.9,2.9,0,0,1-.28-1.3V40.93a3.82,3.82,0,0,1,3.91-3.63h3.16a10.05,10.05,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3A5.87,5.87,0,0,1,44,23.71,6.8,6.8,0,0,1,48,21.85ZM30.41,25.12l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52h-5v2.7c0,.28-.18.37-.46.28L15.77,27c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.42.12.32.32,0,0,1,0,.16v2.7h5q5,6,5.58,5.59T30.41,25.12ZM6,16.57l8.52-8h22.7l8.47,8Z"
                      transform="translate(-3.01 -4.82)" />
                    <rect class="icon-7-cls-2" x="8.62" y="16.19" width="23.22" height="16.11" />
                    <rect class="icon-7-cls-3" x="15.7" y="18.3" width="4.86" height="11.46" rx="1.3" />
                    <path class="icon-7-cls-3"
                      d="M21.91,40.77l4-6.21a.91.91,0,0,0-.28-1.26.9.9,0,0,0-.48-.14H17.22a.9.9,0,0,0-.91.9,1,1,0,0,0,.14.5l4,6.21a.91.91,0,0,0,1.27.18A.66.66,0,0,0,21.91,40.77Z"
                      transform="translate(-3.01 -4.82)" />
                  </svg>
                </div>
                <div class="body-item-title">
                  采购到货单
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.purchaseInWarehouseTasksCount}}</a>条到货单待处理
                </div>
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41.04">
                    <defs>
                      <style>
                        .icon9-cls-1 {
                          fill: #dba9cc;
                        }

                        .icon9-cls-2 {
                          fill: #b475af;
                        }

                        .icon9-cls-3 {
                          fill: #fff;
                        }
                      </style>
                    </defs>
                    <path class="icon9-cls-1"
                      d="M52.21,37.53c0,2.42.56,3.16,1.12,3.9a3.07,3.07,0,0,1,.74,2A11.83,11.83,0,0,1,52.59,48h6.89A13.26,13.26,0,0,1,58,43.44a3.07,3.07,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-4.14-3.85,4,4,0,0,0-2.56,1.05A5.49,5.49,0,0,0,52.21,37.53ZM64,49.16H47.37a1.48,1.48,0,0,0-1.58,1.28V54a1.47,1.47,0,0,0,1.58,1.3H64A1.46,1.46,0,0,0,65.59,54V50.55a1.43,1.43,0,0,0-1.44-1.4Z"
                      transform="translate(-10.59 -14.26)" />
                    <path class="icon9-cls-2"
                      d="M55.59,31.29l.56-5a3.06,3.06,0,0,0-.1-1.31,6.86,6.86,0,0,0-.65-1.11l-8.59-8.68a3.79,3.79,0,0,0-.93-.65,2.53,2.53,0,0,0-1.21-.28H22.11a5.34,5.34,0,0,0-1.12.18,3.32,3.32,0,0,0-.93.65l-8.47,8.76A2.21,2.21,0,0,0,10.94,25a2.33,2.33,0,0,0-.35,1.31l2.9,26.33a3.23,3.23,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H43.74a2.9,2.9,0,0,1-.28-1.3V50.37a3.82,3.82,0,0,1,3.91-3.63h3.16a10.05,10.05,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3a5.87,5.87,0,0,1,1.71-4.19A6.86,6.86,0,0,1,55.59,31.29ZM38,34.56l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52h-5v2.7c0,.28-.18.37-.46.28l-6.27-3.6c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.42.12.22.22,0,0,1,0,.16v2.7h5q5,6,5.58,5.59T38,34.56ZM13.59,26l8.52-8h22.7l8.47,8Z"
                      transform="translate(-10.59 -14.26)" />
                    <rect class="icon9-cls-2" x="8.63" y="16.19" width="23.22" height="16.11" />
                    <rect class="icon9-cls-3" x="9.18" y="24.92" width="11.46" height="4.86" rx="1.3" />
                    <path class="icon9-cls-3"
                      d="M37.42,40.84l-6.21-4a.91.91,0,0,0-1.26.28h0a.9.9,0,0,0-.14.48v7.93a.9.9,0,0,0,.89.91h0a1,1,0,0,0,.5-.14l6.21-4A.91.91,0,0,0,37.6,41,.81.81,0,0,0,37.42,40.84Z"
                      transform="translate(-10.59 -14.26)" />
                  </svg>
                </div>
                <div class="body-item-title">
                  生产发料单
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.productOutWarehouseTasksCount}}</a>发料单待处理
                </div>
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.01 41.05">
                    <defs>
                      <style>
                        .icon-8-cls-1 {
                          fill: #b475af;
                        }

                        .icon-8-cls-2 {
                          fill: #dba9cc;
                        }
                      </style>
                    </defs>
                    <path class="icon-8-cls-1"
                      d="M44.62,28.1c0,2.42.56,3.16,1.12,3.9a3.11,3.11,0,0,1,.74,2A12,12,0,0,1,45,38.56h6.89A13.15,13.15,0,0,1,50.39,34a2.93,2.93,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-6.73-2.75,5.5,5.5,0,0,0-.93,2.8ZM56.44,39.73H39.78A1.47,1.47,0,0,0,38.2,41v3.54a1.47,1.47,0,0,0,1.58,1.3H56.44A1.47,1.47,0,0,0,58,44.57V41.12a1.42,1.42,0,0,0-1.44-1.4Z"
                      transform="translate(-3.01 -4.83)" />
                    <path class="icon-8-cls-2"
                      d="M48,21.86l.56-5a3,3,0,0,0-.1-1.3,6.45,6.45,0,0,0-.65-1.11L39.22,5.76a3.18,3.18,0,0,0-.93-.65,2.42,2.42,0,0,0-1.21-.28H14.52A4.24,4.24,0,0,0,13.4,5a3.32,3.32,0,0,0-.93.65L4,14.42a2.17,2.17,0,0,0-.65,1.11A2.26,2.26,0,0,0,3,16.83L5.9,43.17A3.26,3.26,0,0,0,6.84,45a3,3,0,0,0,1.95.75H36.15a3,3,0,0,1-.28-1.31V40.94a3.81,3.81,0,0,1,3.91-3.59h3.16a10.19,10.19,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3A5.84,5.84,0,0,1,44,23.76a6.74,6.74,0,0,1,4-1.86ZM27.52,36.94h-8.1a1,1,0,0,1,0-2h8.1a3.57,3.57,0,0,0,3.62-3.52v-.11a3.63,3.63,0,0,0-3.62-3.63h-5v2.72c0,.28-.18.37-.46.28L15.73,27c-.28-.09-.28-.37,0-.47l6.33-3.63a.3.3,0,0,1,.42.12.29.29,0,0,1,0,.16v2.7h5a5.6,5.6,0,0,1,5.58,5.59,5.52,5.52,0,0,1-5.57,5.47ZM6,16.56l8.47-8h22.7l8.47,8Z"
                      transform="translate(-3.01 -4.83)" />
                  </svg>
                </div>
                <div class="body-item-title">
                  生产入库单
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.productReturnTasksCount}}</a>入库单待处理
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container-left-footer">
          <div class="footer-content">
            <div class="title">
              出入库统计
            </div>
            <div class="content" id="xiaoshoue">
            </div>
          </div>
        </div>
      </div>
      <div class="container-right">
        <div class="container-right-header card">
          <div class="container-right-header-title">
            快捷方法
          </div>
          <div class="container-right-header-content">
            <div class="container-right-header-content-item" [routerLink]="'/pages/inventory/initial-inventory'">
              <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .icon1-cls-1 {
                      fill: #fd9f55;
                    }

                    .icon1-cls-2 {
                      fill: #fecc87;
                    }

                    .icon1-cls-3 {
                      fill: #fff;
                    }
                  </style>
                </defs>
                <path class="icon1-cls-1"
                  d="M51.8,62.44H18.2a8.2,8.2,0,0,1-8.2-8.2V15.76a8.2,8.2,0,0,1,8.2-8.2H47.31L60,20.08V54.24A8.2,8.2,0,0,1,51.8,62.44Z" />
                <path class="icon1-cls-2" d="M47.33,7.56v10a2.75,2.75,0,0,0,2.76,2.76H60v-.25Z" />
                <path class="icon1-cls-3"
                  d="M33.65,36.9,23.9,32.2a.2.2,0,0,1-.18-.09.25.25,0,0,0-.19-.09.77.77,0,0,0-.72.72V43.58a1.21,1.21,0,0,0,.72,1.26l9.75,5.42c.18.18.18.18.37.18a.78.78,0,0,0,.72-.73V38.16A1.52,1.52,0,0,0,33.65,36.9ZM26.06,38a.65.65,0,0,1-.31-.86.64.64,0,0,1,.86-.31h0l4.48,2.24a.65.65,0,0,1,.31.86.64.64,0,0,1-.86.31h0L26.06,38Zm20.22-8.49L35.63,25a1.15,1.15,0,0,0-1.08,0L23.9,29.49a.41.41,0,0,0-.37.36c0,.36,0,.73.37.73l10.65,4.51a1.15,1.15,0,0,0,1.08,0l10.65-4.51a.41.41,0,0,0,.37-.37c.18-.18,0-.54-.37-.72Z" />
                <path class="icon1-cls-3"
                  d="M46.28,32.2a.67.67,0,0,1,.91.36v11a1.52,1.52,0,0,1-.72,1.26L36.9,50.26A.67.67,0,0,1,36,49.9c0-.19-.18-.19-.18-.37V38.16a1.35,1.35,0,0,1,.91-1.26l9.56-4.7Z" />
              </svg>
              <div class="icon-title">初期入库</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/inventory/product-inventory-rk'">
              <svg t="1724145047333" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="9340" width="200" height="200">
                <path
                  d="M736.416 896H290.56c-65.04 0-114.56-59.904-114.56-130.368V258.368C176 184.352 228.64 128 290.56 128h442.752c65.008 0 114.544 59.904 114.544 130.368V762.08c3.12 74.016-49.536 133.92-111.456 133.92z m-343.68-109.2h238.08c12.32 0 24.752-10.56 24.752-28.176s-9.296-28.224-24.8-28.224H392.704c-12.384 0-24.768 10.56-24.768 28.224 0 17.616 12.384 28.176 24.784 28.176zM739.52 307.664c-18.576-17.616-43.36-21.12-58.848-3.504L491.84 504.944l-96-102.144c-15.456-17.616-43.296-14.112-58.8 3.504a45.888 45.888 0 0 0-3.12 63.456l126.896 137.424 3.12 3.504c6.192 7.056 15.456 10.56 24.784 10.56h6.192a32.816 32.816 0 0 0 24.752-10.56l3.088-3.504 219.84-236.064a45.888 45.888 0 0 0-3.072-63.36v-0.096z"
                  fill="#3DD5BB" p-id="9341"></path>
                <path
                  d="M392.736 786.8h238.08c12.32 0 24.752-10.56 24.752-28.176s-9.296-28.224-24.8-28.224H392.704c-12.384 0-24.768 10.56-24.768 28.224 0 17.616 12.384 28.176 24.784 28.176z"
                  fill="#ADF0EA" p-id="9342"></path>
              </svg>
              <div class="icon-title">生产入库</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/inventory/inventory'">
              <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .icon12-cls-1 {
                      fill: #fd9f55;
                    }

                    .icon12-cls-2 {
                      fill: #fecc87;
                    }
                  </style>
                </defs>
                <path class="icon12-cls-1"
                  d="M59.54,55.45l-5-5a10.63,10.63,0,1,0-2.18,2l5.09,5.11a1.47,1.47,0,0,0,2.41-1.61,1.39,1.39,0,0,0-.32-.48l0,0ZM46.36,51.89a8.59,8.59,0,1,1,8.54-8.64v0a8.57,8.57,0,0,1-8.54,8.59Zm7.32-29.54c0-.32-.53-.5-.91-.71L32.2,11.35a1.07,1.07,0,0,0-1,0L13.68,20.14a1.27,1.27,0,0,0,0,2.27l18.5,11a3.48,3.48,0,0,0,3.5,0L50.9,24.82v5.39A1.13,1.13,0,0,0,52,31.34h.3a1.13,1.13,0,0,0,1.13-1.13V22.55a.22.22,0,0,0,0-.16l.21,0ZM39.54,53.2A1.15,1.15,0,0,0,38,52.75l0,0-4.55,2.69-.47.24V38.93a3.13,3.13,0,0,0-1.59-2.75L11.7,24.64a1.14,1.14,0,0,0-1.55.41,1.16,1.16,0,0,0-.15.57V45.27a1.13,1.13,0,0,0,.55,1S30.59,58.45,31,58.59a1.48,1.48,0,0,0,1.47,0l6.62-3.77a1.12,1.12,0,0,0,.51-1.49l-.06-.1v0ZM24.48,38.3a1.15,1.15,0,0,1-1.57.39l-6.82-4.11A1.17,1.17,0,0,1,15.7,33a1.15,1.15,0,0,1,1.57-.39l6.82,4.11A1.16,1.16,0,0,1,24.48,38.3Z" />
                <path class="icon12-cls-2" d="M46.36,51.89a8.59,8.59,0,1,1,8.54-8.64v0A8.57,8.57,0,0,1,46.36,51.89Z" />
              </svg>
              <div class="icon-title">库位库存表</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/product/product-job-pink'">
              <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41.04">
                <defs>
                  <style>
                    .icon9-cls-1 {
                      fill: #dba9cc;
                    }

                    .icon9-cls-2 {
                      fill: #b475af;
                    }

                    .icon9-cls-3 {
                      fill: #fff;
                    }
                  </style>
                </defs>
                <path class="icon9-cls-1"
                  d="M52.21,37.53c0,2.42.56,3.16,1.12,3.9a3.07,3.07,0,0,1,.74,2A11.83,11.83,0,0,1,52.59,48h6.89A13.26,13.26,0,0,1,58,43.44a3.07,3.07,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-4.14-3.85,4,4,0,0,0-2.56,1.05A5.49,5.49,0,0,0,52.21,37.53ZM64,49.16H47.37a1.48,1.48,0,0,0-1.58,1.28V54a1.47,1.47,0,0,0,1.58,1.3H64A1.46,1.46,0,0,0,65.59,54V50.55a1.43,1.43,0,0,0-1.44-1.4Z"
                  transform="translate(-10.59 -14.26)" />
                <path class="icon9-cls-2"
                  d="M55.59,31.29l.56-5a3.06,3.06,0,0,0-.1-1.31,6.86,6.86,0,0,0-.65-1.11l-8.59-8.68a3.79,3.79,0,0,0-.93-.65,2.53,2.53,0,0,0-1.21-.28H22.11a5.34,5.34,0,0,0-1.12.18,3.32,3.32,0,0,0-.93.65l-8.47,8.76A2.21,2.21,0,0,0,10.94,25a2.33,2.33,0,0,0-.35,1.31l2.9,26.33a3.23,3.23,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H43.74a2.9,2.9,0,0,1-.28-1.3V50.37a3.82,3.82,0,0,1,3.91-3.63h3.16a10.05,10.05,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3a5.87,5.87,0,0,1,1.71-4.19A6.86,6.86,0,0,1,55.59,31.29ZM38,34.56l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52h-5v2.7c0,.28-.18.37-.46.28l-6.27-3.6c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.42.12.22.22,0,0,1,0,.16v2.7h5q5,6,5.58,5.59T38,34.56ZM13.59,26l8.52-8h22.7l8.47,8Z"
                  transform="translate(-10.59 -14.26)" />
                <rect class="icon9-cls-2" x="8.63" y="16.19" width="23.22" height="16.11" />
                <rect class="icon9-cls-3" x="9.18" y="24.92" width="11.46" height="4.86" rx="1.3" />
                <path class="icon9-cls-3"
                  d="M37.42,40.84l-6.21-4a.91.91,0,0,0-1.26.28h0a.9.9,0,0,0-.14.48v7.93a.9.9,0,0,0,.89.91h0a1,1,0,0,0,.5-.14l6.21-4A.91.91,0,0,0,37.6,41,.81.81,0,0,0,37.42,40.84Z"
                  transform="translate(-10.59 -14.26)" />
              </svg>
              <div class="icon-title">生产发料</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/inventory/inventory-jilu'">
              <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .cls-1 {
                      fill: #b5f2ec;
                    }

                    .cls-2 {
                      fill: #51d9c2;
                    }
                  </style>
                </defs>
                <path class="cls-1" d="M52.06,17.67s3,0,3,2.69v2.7H15v-2.7c0-2.69,3-2.69,3-2.69Z" />
                <path class="cls-2"
                  d="M58.88,20.75l2.17,2.08.68.68c1.34,1.31,2.17,2.12,1.57,5.4-.38,2.13-1.6,9.6-2.68,16.24C59.78,50.33,59,55,58.8,56.23a3.6,3.6,0,0,1-3.53,3H14.73a3.6,3.6,0,0,1-3.54-3c-.21-1.18-.92-5.55-1.72-10.49C8.36,39,7.09,31.09,6.69,28.91c-.58-3.26.24-4.08,1.57-5.4.21-.21.44-.43.67-.68l2.18-2.08v5.39H58.88V20.75ZM46.17,33.84a2.69,2.69,0,0,0-2.69,2.7v5a.77.77,0,0,1-.77.77H27.3a.76.76,0,0,1-.77-.76h0v-5a2.7,2.7,0,1,0-5.39,0v8.09a3.08,3.08,0,0,0,3.08,3.08H45.79a3.08,3.08,0,0,0,3.09-3.08V36.54a2.72,2.72,0,0,0-2.71-2.7Z" />
                <path class="cls-1" d="M47,10.73s3,0,3,3.86H20c0-3.86,3-3.86,3-3.86Z" />
              </svg>

              <div class="icon-title">库存记录表</div>
            </div>
          </div>
        </div>
        <div class="p-15">
          <div class="container-right-body card">
            <div class="container-right-body-title">
              出库统计
            </div>
            <div class="container-right-body-content" id="jiaofu" style="overflow: visible;">
            </div>
          </div>
        </div>
        <div class="p-15">
          <div class="container-right-foot card">
            <div class="container-right-foot-title">
              入库统计
            </div>
            <div class="container-right-foot-content" id="inboundChart" style="overflow: visible;">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
